export default class LastMayday {
    constructor(userInfo) {
        this.userInfo = userInfo;
    }
    palette() {
        return ({
            width: '650rpx',
            height: '950rpx',
            // background: '#eee',
            background: '#282c34',
            borderRadius: '20rpx',

            views: [{
                    type: 'image',
                    url: this.userInfo.userInfo.avatarUrl,
                    css: {
                        width: '150rpx',
                        height: '150rpx',
                        borderRadius: '30rpx',
                        left: '20rpx',
                        top: '20rpx'
                    }
                },
                {
                    type: 'image',
                    url: this.userInfo.coverImg,
                    css: {
                        width: '500rpx',
                        height: '700rpx',
                        borderRadius: '25rpx',
                        left: '75rpx',
                        top: '250rpx'
                    }
                },
                {
                    type: 'text',
                    text: 'Yusup',
                    css: {
                        left: '200rpx',
                        top: '70rpx',
                        color: '#ffffff',
                        fontSize: '40rpx'
                    }
                },
                {
                    type: 'text',
                    text: this.userInfo.title,
                    fontFamily: 'ALKATIP UI',
                    css: {
                        left: '100rpx',
                        top: '185rpx',
                        color: '#ffffff',
                        fontSize: '30rpx'
                    }
                },
                {
                    type: 'image',
                    url: 'https://mars-kino.oss-cn-beijing.aliyuncs.com/static/mpCode.jpg',
                    css: {
                        width: '150rpx',
                        height: "150rpx",
                        borderRadius: '75rpx',
                        left: '410rpx',
                        top: '795rpx'
                    }

                }
            ],
        });
    }
}

const startTop = 50;
const gapSize = 70;
const common = {
    left: '20rpx',
    fontSize: '40rpx',
};